<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ include file="index.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="Bookmark" href="favicon.ico">
<link rel="Shortcut Icon" href="favicon.ico" />

<title>主页</title>
<meta name="keywords" content="耶回收">
<meta name="description" content="耶回收">

<link href="<%=basePath%>lib/webuploader/0.1.5/webuploader.css"
	rel="stylesheet" type="text/css" />
</head>
<body>
	<!--_表格--开始-->
	<section class="Hui-article-box" style="overflow: auto"> 
			   <nav class="breadcrumb"> 
			   <i class="Hui-iconfont">&#xe67f;</i>
	   首页         	   <span class="c-gray en">&gt; </span>
	   商品管理         <span class="c-gray en">&gt;</span>
	   出售商品管理 <span class="c-gray en">&gt;</span> 
	   添加轮播信息 </nav>
	<div class="page-container">
		<form action="addLunBo" method="post" class="form form-horizontal" id="form-article-add">	
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-3">轮播名称：</label>
				<div class="formControls col-xs-8 col-sm-6">
					<input type="text" ="input-text" value="" name="lbname">
				</div>
			</div>
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-3">轮播链接：</label>
				<div class="formControls col-xs-8 col-sm-6">
					<input type="text" class="input-text" value="" name="lblink">
				</div>
			</div>
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-3">轮播归属页面：</label>
				<div class="formControls col-xs-8 col-sm-6">
					<select name="lbpagename" class="select">
						<option value="1" <c:if test="${lbpagename==1}">selected="selected"</c:if>>耶回收首页</option>
						<option value="2" <c:if test="${lbpagename==2}">selected="selected"</c:if>>耶优品</option>
						<option value="3" <c:if test="${lbpagename==3}">selected="selected"</c:if>>低价租赁</option>
						<option value="4" <c:if test="${lbpagename==4}">selected="selected"</c:if>>商品竞价</option>
					</select>
				</div>
			</div>
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-3">轮播图片：</label>
				<div class="formControls col-xs-8 col-sm-6">
					<input type="hidden" class="input-text" value="" name="lbimage" id="lbimage">
					<input type="file" class=""  data-msg-required="新闻图片不能为空" data-rule-required="true" value="" id="image">
					<span id="showimg"></span> <input type="button"
						class="btn btn-primary radius"
						onclick="imgupload()" value="添加">
				</div>
			</div>
			<div class="row cl" style="margin-top: 50px; margin-bottom: 100px">
				<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
					<button class="btn btn-primary radius" type="submit">
						<i class="Hui-iconfont">&#xe632;</i>添加轮播信息
					</button>
				</div>
			</div>
		</form>
	</div>
	</section>
</body>
<script type="text/javascript"
	src="lib/webuploader/0.1.5/webuploader.min.js"></script>
<script type="text/javascript">
function imgupload() {
	var animateimg = $("#image").val(); //获取上传的图片名 带//
	var imgarr = animateimg.split('\\'); //分割 
	var myimg = imgarr[imgarr.length - 1]; //去掉 // 获取图片名 
	var houzui = myimg.lastIndexOf('.'); //获取 . 出现的位置
	var ext = myimg.substring(houzui, myimg.length).toUpperCase(); //切割 . 获取文件后缀 
	var file = $("#image").get(0).files[0]; //获取上传的文件
	var form = new FormData();
	form.append("ext", ext);
	form.append("file", file);
	if (ext != '.PNG' && ext != '.GIF' && ext != '.JPG' && ext != '.JPEG'
			&& ext != '.BMP') {
		parent.layer.msg('文件类型错误,请上传图片类型');
		return false;
	} else {
		// var data = new FormData($('#form1')[0]);
	
				$.ajax({
					url : "imgupdate",
					type : 'POST',
					data : form,
					dataType : 'JSON',
					processData : false, // 注意：让jQuery不要处理数据
					contentType : false, // 注意：让jQuery不要设置contentType
					success : function(ret) {   //后台返回的MAP    （ret）
						$("#lbimage").val(ret.filepath);
						$("#showimg")
								.html(
										'<img src="'+ret.filepath+'" height="100px" width="100px" style="margin-right: 100px;margin-top: 50px">');
						layer.msg('上传成功');
						/* if(ret=="1"){  
						    var result = '';  
						    var result1 = '';  
						    // $("#show").attr('value',+ ret['f'] +);  
						    result += '<img src="' + '__ROAD__' + ret['f']  + '" width="100">';  
						    result1 += '<input value="' + ret['f']  + '" name="user_headimg" style="display:none;">';  
						    $('#result').html(result);  
						    $('#show').html(result1);  
						    layer.msg('上传成功');  
						}else{    
						    layer.msg('上传失败');  
						} */
					}
				});
	}

}

	$(function() {
		$('.skin-minimal input').iCheck({
			checkboxClass : 'icheckbox-blue',
			radioClass : 'iradio-blue',
			increaseArea : '20%'
		});

		$list = $("#fileList"), $btn = $("#btn-star"), state = "pending",
				uploader;

		var uploader = WebUploader.create({
			auto : true,
			swf : 'lib/webuploader/0.1.5/Uploader.swf',

			// 文件接收服务端。
			//server: 'http://lib.h-ui.net/webuploader/0.1.5/server/fileupload.php',

			server : 'updaLoadImage',

			// 选择文件的按钮。可选。
			// 内部根据当前运行是创建，可能是input元素，也可能是flash.
			pick : '#filePicker',

			// 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
			resize : false,
			// 只允许选择图片文件。
			accept : {
				title : 'Images',
				extensions : 'gif,jpg,jpeg,bmp,png',
				mimeTypes : 'image/*'
			}
		});
		uploader.on('fileQueued', function(file) {
			var $li = $('<div id="' + file.id + '" class="item">'
					+ '<div class="pic-box"><img></div>' + '<div class="info">'
					+ file.name + '</div>' + '<p class="state">等待上传...</p>'
					+ '</div>'), $img = $li.find('img');
			$list.append($li);

			// 创建缩略图
			// 如果为非图片文件，可以不用调用此方法。
			// thumbnailWidth x thumbnailHeight 为 100 x 100
			uploader.makeThumb(file, function(error, src) {
				if (error) {
					$img.replaceWith('<span>不能预览</span>');
					return;
				}

				$img.attr('src', src);
			}, thumbnailWidth, thumbnailHeight);
		});
		// 文件上传过程中创建进度条实时显示。
		uploader
				.on(
						'uploadProgress',
						function(file, percentage) {
							var $li = $('#' + file.id), $percent = $li
									.find('.progress-box .sr-only');

							// 避免重复创建
							if (!$percent.length) {
								$percent = $(
										'<div class="progress-box"><span class="progress-bar radius"><span class="sr-only" style="width:0%"></span></span></div>')
										.appendTo($li).find('.sr-only');
							}
							$li.find(".state").text("上传中");
							$percent.css('width', percentage * 100 + '%');
						});
		// 文件上传成功，给item添加成功class, 用样式标记上传成功。
		uploader.on('uploadSuccess', function(file, data) {
			console.log("---进入上传成功的方法---");
			console.log(data.fileId);

			$('#' + file.id).addClass('upload-state-success').find(".state")
					.text("已上传");
		});

		// 文件上传失败，显示上传出错。
		uploader.on('uploadError', function(file) {
			$('#' + file.id).addClass('upload-state-error').find(".state")
					.text("上传出错");
		});

		// 完成上传完了，成功或者失败，先删除进度条。
		uploader.on('uploadComplete', function(file) {
			$('#' + file.id).find('.progress-box').fadeOut();
		});
		uploader.on('all', function(type) {
			if (type === 'startUpload') {
				state = 'uploading';
			} else if (type === 'stopUpload') {
				state = 'paused';
			} else if (type === 'uploadFinished') {
				state = 'done';
			}

			if (state === 'uploading') {
				$btn.text('暂停上传');
			} else {
				$btn.text('开始上传');
			}
		});

		$btn.on('click', function() {
			if (state === 'uploading') {
				uploader.stop();
			} else {
				uploader.upload();
			}
		});

	});

	(function($) {
		// 当domReady的时候开始初始化
		$(function() {
			var $wrap = $('.uploader-list-container'),

			// 图片容器
			$queue = $('<ul class="filelist"></ul>').appendTo(
					$wrap.find('.queueList')),

			// 状态栏，包括进度和控制按钮
			$statusBar = $wrap.find('.statusBar'),

			// 文件总体选择信息。
			$info = $statusBar.find('.info'),

			// 上传按钮
			$upload = $wrap.find('.uploadBtn'),

			// 没选择文件之前的内容。
			$placeHolder = $wrap.find('.placeholder'),

			$progress = $statusBar.find('.progress').hide(),

			// 添加的文件数量
			fileCount = 0,

			// 添加的文件总大小
			fileSize = 0,

			// 优化retina, 在retina下这个值是2
			ratio = window.devicePixelRatio || 1,

			// 缩略图大小
			thumbnailWidth = 110 * ratio, thumbnailHeight = 110 * ratio,

			// 可能有pedding, ready, uploading, confirm, done.
			state = 'pedding',

			// 所有文件的进度信息，key为file id
			percentages = {},
			// 判断浏览器是否支持图片的base64
			isSupportBase64 = (function() {
				var data = new Image();
				var support = true;
				data.onload = data.onerror = function() {
					if (this.width != 1 || this.height != 1) {
						support = false;
					}
				}
				data.src = "";
				return support;
			})(),

			// 检测是否已经安装flash，检测flash的版本
			flashVersion = (function() {
				var version;

				try {
					version = navigator.plugins['Shockwave Flash'];
					version = version.description;
				} catch (ex) {
					try {
						version = new ActiveXObject(
								'ShockwaveFlash.ShockwaveFlash')
								.GetVariable('$version');
					} catch (ex2) {
						version = '0.0';
					}
				}
				version = version.match(/\d+/g);
				return parseFloat(version[0] + '.' + version[1], 10);
			})(),

			supportTransition = (function() {
				var s = document.createElement('p').style, r = 'transition' in s
						|| 'WebkitTransition' in s
						|| 'MozTransition' in s
						|| 'msTransition' in s || 'OTransition' in s;
				s = null;
				return r;
			})(),

			// WebUploader实例
			uploader;

			if (!WebUploader.Uploader.support('flash')
					&& WebUploader.browser.ie) {

				// flash 安装了但是版本过低。
				if (flashVersion) {
					(function(container) {
						window['expressinstallcallback'] = function(state) {
							switch (state) {
							case 'Download.Cancelled':
								alert('您取消了更新！')
								break;

							case 'Download.Failed':
								alert('安装失败')
								break;

							default:
								alert('安装已成功，请刷新！');
								break;
							}
							delete window['expressinstallcallback'];
						};

						var swf = 'expressInstall.swf';
						// insert flash object
						var html = '<object type="application/'
								+ 'x-shockwave-flash" data="' + swf + '" ';

						if (WebUploader.browser.ie) {
							html += 'classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" ';
						}

						html += 'width="100%" height="100%" style="outline:0">'
								+ '<param name="movie" value="' + swf + '" />'
								+ '<param name="wmode" value="transparent" />'
								+ '<param name="allowscriptaccess" value="always" />'
								+ '</object>';

						container.html(html);

					})($wrap);

					// 压根就没有安转。
				} else {
					$wrap
							.html('<a href="http://www.adobe.com/go/getflashplayer" target="_blank" border="0"><img alt="get flash player" src="http://www.adobe.com/macromedia/style_guide/images/160x41_Get_Flash_Player.jpg" /></a>');
				}

				return;
			} else if (!WebUploader.Uploader.support()) {
				alert('Web Uploader 不支持您的浏览器！');
				return;
			}

			/*实例化开始*/
			uploader = WebUploader.create({
				pick : {
					id : '#filePicker-2',
					label : '点击选择图片'
				},
				formData : {
					uid : 123
				},
				dnd : '#dndArea',
				paste : '#uploader',
				swf : 'lib/webuploader/0.1.5/Uploader.swf',
				chunked : false,
				chunkSize : 512 * 1024,
				server : 'updaLoadImage', //上传图片的控制器地址
				//runtimeOrder: 'flash',
				accept : {
					title : 'Images',
					extensions : 'gif,jpg,jpeg,bmp,png',
					mimeTypes : 'image/*'
				},

				// 禁掉全局的拖拽功能。这样不会出现图片拖进页面的时候，把图片打开。
				disableGlobalDnd : true,
				fileNumLimit : 300,
				fileSizeLimit : 200 * 1024 * 1024, // 200 M
				fileSingleSizeLimit : 50 * 1024 * 1024
			// 50 M
			});

			// 拖拽时不接受 js, txt 文件。
			uploader.on('dndAccept', function(items) {
				var denied = false, len = items.length, i = 0,
				// 修改js类型
				unAllowed = 'text/plain;application/javascript ';

				for (; i < len; i++) {
					// 如果在列表里面
					if (~unAllowed.indexOf(items[i].type)) {
						denied = true;
						break;
					}
				}

				return !denied;
			});

			uploader.on('dialogOpen', function() {
				console.log('here');
			});

			//文件上传是否成功的状态
			//根据服务器返回的数据判断文件是否上传成功
			//这个函数会接收来自服务器的文件上传是否成功的状态，这个事件发生在‘uploadError’之前
			//data为服务器返回的数据，是个对象
			uploader.on("uploadAccept", function(file, data) {
				if (data.op_result == "0") {
					console.log("-----上传出错-----");
					// 通过return false来告诉组件，此文件上传有错。
					return false;
				}
				//成功，则将logo的url保存
				/*  $("#logoURL").val(data.logoPath);
				 $("#picker").attr({
				     title: '点击更换logo'
				 }); */

				var img = $("#image").val();
				$("#image").val(img + ";" + data.fileId);
				//判断当前有没有值如有没有值
				/*    if((img=="")||(img==null)){
				 	$("#img_url").val(data.fileId))
				
				}else{//否则加分号便于后台数据的处理
				$("#img_url").val( img+";"+data.fileId));
				   } */

				console.log($("#img_url").val());

			});

			// uploader.on('filesQueued', function() {
			//     uploader.sort(function( a, b ) {
			//         if ( a.name < b.name )
			//           return -1;
			//         if ( a.name > b.name )
			//           return 1;
			//         return 0;
			//     });
			// });

			// 添加“添加文件”的按钮，
			uploader.addButton({
				id : '#filePicker2',
				label : '继续添加'
			});

			uploader.on('ready', function() {
				window.uploader = uploader;
			});

			// 当有文件添加进来时执行，负责view的创建
			function addFile(file) {
				var $li = $('<li id="' + file.id + '">' + '<p class="title">'
						+ file.name + '</p>' + '<p class="imgWrap"></p>'
						+ '<p class="progress"><span></span></p>' + '</li>'),

				$btns = $(
						'<div class="file-panel">'
								+ '<span class="cancel">删除</span>'
								+ '<span class="rotateRight">向右旋转</span>'
								+ '<span class="rotateLeft">向左旋转</span></div>')
						.appendTo($li), $prgress = $li.find('p.progress span'), $wrap = $li
						.find('p.imgWrap'), $info = $('<p class="error"></p>'),

				showError = function(code) {
					switch (code) {
					case 'exceed_size':
						text = '文件大小超出';
						break;

					case 'interrupt':
						text = '上传暂停';
						break;

					default:
						text = '上传失败，请重试';
						break;
					}

					$info.text(text).appendTo($li);
				};

				if (file.getStatus() === 'invalid') {
					showError(file.statusText);
				} else {
					// @todo lazyload
					$wrap.text('预览中');
					uploader.makeThumb(file, function(error, src) {
						var img;

						if (error) {
							$wrap.text('不能预览');
							return;
						}

						if (isSupportBase64) {
							img = $('<img src="'+src+'">');
							$wrap.empty().append(img);
						} else {
							$.ajax('lib/webuploader/0.1.5/server/preview.php',
									{
										method : 'POST',
										data : src,
										dataType : 'json'
									}).done(function(response) {
								if (response.result) {
									img = $('<img src="'+response.result+'">');
									$wrap.empty().append(img);
								} else {
									$wrap.text("预览出错");
								}
							});
						}
					}, thumbnailWidth, thumbnailHeight);

					percentages[file.id] = [ file.size, 0 ];
					file.rotation = 0;
				}

				file.on('statuschange', function(cur, prev) {
					if (prev === 'progress') {
						$prgress.hide().width(0);
					} else if (prev === 'queued') {
						$li.off('mouseenter mouseleave');
						$btns.remove();
					}

					// 成功
					if (cur === 'error' || cur === 'invalid') {
						console.log(file.statusText);
						showError(file.statusText);
						percentages[file.id][1] = 1;
					} else if (cur === 'interrupt') {
						showError('interrupt');
					} else if (cur === 'queued') {
						percentages[file.id][1] = 0;
					} else if (cur === 'progress') {
						$info.remove();
						$prgress.css('display', 'block');
					} else if (cur === 'complete') {
						$li.append('<span class="success"></span>');
					}

					$li.removeClass('state-' + prev).addClass('state-' + cur);
				});

				$li.on('mouseenter', function() {
					$btns.stop().animate({
						height : 30
					});
				});

				$li.on('mouseleave', function() {
					$btns.stop().animate({
						height : 0
					});
				});

				$btns
						.on(
								'click',
								'span',
								function() {
									var index = $(this).index(), deg;

									switch (index) {
									case 0:
										uploader.removeFile(file);
										return;

									case 1:
										file.rotation += 90;
										break;

									case 2:
										file.rotation -= 90;
										break;
									}

									if (supportTransition) {
										deg = 'rotate(' + file.rotation
												+ 'deg)';
										$wrap.css({
											'-webkit-transform' : deg,
											'-mos-transform' : deg,
											'-o-transform' : deg,
											'transform' : deg
										});
									} else {
										$wrap
												.css(
														'filter',
														'progid:DXImageTransform.Microsoft.BasicImage(rotation='
																+ (~~((file.rotation / 90) % 4 + 4) % 4)
																+ ')');
										// use jquery animate to rotation
										// $({
										//     rotation: rotation
										// }).animate({
										//     rotation: file.rotation
										// }, {
										//     easing: 'linear',
										//     step: function( now ) {
										//         now = now * Math.PI / 180;

										//         var cos = Math.cos( now ),
										//             sin = Math.sin( now );

										//         $wrap.css( 'filter', "progid:DXImageTransform.Microsoft.Matrix(M11=" + cos + ",M12=" + (-sin) + ",M21=" + sin + ",M22=" + cos + ",SizingMethod='auto expand')");
										//     }
										// });
									}

								});

				$li.appendTo($queue);
			}

			// 负责view的销毁
			function removeFile(file) {
				var $li = $('#' + file.id);

				delete percentages[file.id];
				updateTotalProgress();
				$li.off().find('.file-panel').off().end().remove();
			}

			function updateTotalProgress() {
				var loaded = 0, total = 0, spans = $progress.children(), percent;

				$.each(percentages, function(k, v) {
					total += v[0];
					loaded += v[0] * v[1];
				});

				percent = total ? loaded / total : 0;

				spans.eq(0).text(Math.round(percent * 100) + '%');
				spans.eq(1).css('width', Math.round(percent * 100) + '%');
				updateStatus();
			}

			function updateStatus() {
				var text = '', stats;

				if (state === 'ready') {
					text = '选中' + fileCount + '张图片，共'
							+ WebUploader.formatSize(fileSize) + '。';
				} else if (state === 'confirm') {
					stats = uploader.getStats();
					if (stats.uploadFailNum) {
						text = '已成功上传'
								+ stats.successNum
								+ '张照片至XX相册，'
								+ stats.uploadFailNum
								+ '张照片上传失败，<a class="retry" href="#">重新上传</a>失败图片或<a class="ignore" href="#">忽略</a>'
					}

				} else {
					stats = uploader.getStats();
					text = '共' + fileCount + '张（'
							+ WebUploader.formatSize(fileSize) + '），已上传'
							+ stats.successNum + '张';

					if (stats.uploadFailNum) {
						text += '，失败' + stats.uploadFailNum + '张';
					}
				}

				$info.html(text);
			}

			function setState(val) {
				var file, stats;

				if (val === state) {
					return;
				}

				$upload.removeClass('state-' + state);
				$upload.addClass('state-' + val);
				state = val;

				switch (state) {
				case 'pedding':
					$placeHolder.removeClass('element-invisible');
					$queue.hide();
					$statusBar.addClass('element-invisible');
					uploader.refresh();
					break;

				case 'ready':
					$placeHolder.addClass('element-invisible');
					$('#filePicker2').removeClass('element-invisible');
					$queue.show();
					$statusBar.removeClass('element-invisible');
					uploader.refresh();
					break;

				case 'uploading':
					$('#filePicker2').addClass('element-invisible');
					$progress.show();
					$upload.text('暂停上传');
					break;

				case 'paused':
					$progress.show();
					$upload.text('继续上传');
					break;

				case 'confirm':
					$progress.hide();
					$('#filePicker2').removeClass('element-invisible');
					$upload.text('开始上传');

					stats = uploader.getStats();
					if (stats.successNum && !stats.uploadFailNum) {
						setState('finish');
						return;
					}
					break;
				case 'finish':
					stats = uploader.getStats();
					if (stats.successNum) {
						alert('上传成功');
					} else {
						// 没有成功的图片，重设
						state = 'done';
						location.reload();
					}
					break;
				}

				updateStatus();
			}

			uploader.onUploadProgress = function(file, percentage) {
				var $li = $('#' + file.id), $percent = $li
						.find('.progress span');

				$percent.css('width', percentage * 100 + '%');
				percentages[file.id][1] = percentage;
				updateTotalProgress();
			};

			uploader.onFileQueued = function(file) {
				fileCount++;
				fileSize += file.size;

				if (fileCount === 1) {
					$placeHolder.addClass('element-invisible');
					$statusBar.show();
				}

				addFile(file);
				setState('ready');
				updateTotalProgress();
			};

			uploader.onFileDequeued = function(file) {
				fileCount--;
				fileSize -= file.size;

				if (!fileCount) {
					setState('pedding');
				}

				removeFile(file);
				updateTotalProgress();

			};

			uploader.on('all', function(type) {
				var stats;
				switch (type) {
				case 'uploadFinished':
					setState('confirm');
					break;

				case 'startUpload':
					setState('uploading');
					break;

				case 'stopUpload':
					setState('paused');
					break;

				}
			});

			uploader.onError = function(code) {
				alert('Eroor: ' + code);
			};

			$upload.on('click', function() {
				if ($(this).hasClass('disabled')) {
					return false;
				}

				if (state === 'ready') {
					uploader.upload();
				} else if (state === 'paused') {
					uploader.upload();
				} else if (state === 'uploading') {
					uploader.stop();
				}
			});

			$info.on('click', '.retry', function() {
				uploader.retry();
			});

			$info.on('click', '.ignore', function() {
				alert('todo');
			});

			$upload.addClass('state-' + state);
			updateTotalProgress();
		});

	})(jQuery);

	//商品分类联动
	function getclassifyByid() {
		var cid = $("#classifyselect").val();
		$.ajax({
			type : 'POST',
			url : 'getclassifyid',
			data : {
				"cid" : cid
			},
			dataType : 'json',
			success : function(data) {

				$("#brandselect").empty();
				$("#modelselect").empty();

				for (var i = 0; i < data.brand.length; i++) {
					$("#brandselect").append(
							"<option value="+data.brand[i].pid+">"
									+ data.brand[i].brandname + "</option>");
					console.log(data);
				}
				;

				for (var i = 0; i < data.model.length; i++) {
					$("#modelselect").append(
							"<option value="+data.model[i].mid+">"
									+ data.model[i].model + "</option>");
					console.log(data);
				}
			},
			error : function(data) {
				console.log(data.msg);
			},
		});
	}
	function getbrandByid() {
		var pid = $("#brandselect").val();
		$.ajax({
			type : 'POST',
			url : 'getbrandid',
			data : {
				"pid" : pid
			},
			dataType : 'json',
			success : function(data) {

				$("#modelselect").empty();

				for (var i = 0; i < data.model.length; i++) {
					$("#modelselect").append(
							"<option value="+data.model[i].mid+">"
									+ data.model[i].model + "</option>");
					console.log(data);
				}
			},
			error : function(data) {
				console.log(data.msg);
			},
		});
	}
</script>
</html>